<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <title>弹幕</title>
    <style>
        html,
        body {
            height: 100%;
        }
        body {
            margin: 0;
            color: #fff;
            background-color: #369;
        }
        p{
            margin: 0;
        }

        #time{
            position: fixed;
            bottom: 1em;
            left: 1em;
        }
        .barrages-wrap{
            position: relative;
            overflow: hidden;
        }
        .barrage {
            position: absolute;
            transform: translateX(100%);
        }

        .barrages-wrap{
            width: 100%;
            height: 300px;
            background-color: #639;
        }
    </style>
</head>

<body>
    <div id="container" class="barrages-wrap"></div>
    <div id="time"></div>
    <script src="index.js"></script>
</body>

</html>